<template>
<router-link :to="to">
  <div class="project-info-card-sty">
    <div class="continuous-card-title-sty">
      <i class="layui-icon" v-bind:class="logo"></i><span>{{title}}</span>
    </div>
     <div class="continuous-card-body-sty">
       <span class="card-key">{{content}} : </span>
       <span class="card-value"><span style="color:#5FB878;"> {{value}} </span> </span>
    </div>

  </div>
</router-link>
</template>

<script>
export default {
    props:{
        title:{
            default:'连续卡片'
        },
        logo:{
           default:'layui-icon-app'
        },
        content:{
            default:'内容'
        },
        value:{
           default:0
        },
        to:{
          default:""
        }
    },
   mounted(){

   }
}
</script>

<style lang="scss">
.project-info-card-sty{
  width: 200px;
  height: 90px;
  float: left;
  background-color: #F2F3F7;
  border: #EEEEEE 1px solid;
}
.continuous-card-title-sty{
  margin-top: 6px;
  font-size: 2em;
}
.continuous-card-title-sty:hover{
  color: #FF5722;
}
.continuous-card-title-sty>i{
  margin-left: 8px;
  font-size: 1em;
}
.continuous-card-title-sty>span{
  margin-left: 15px;
}
.continuous-card-body-sty{
  margin-top: 10px;
  padding-left: 15px;
}
.continuous-card-body-sty>.card-key{
  font-size: 1.2em;
}
</style>
